@charset "utf-8";



/* CSS Document */







*{ margin:0; padding: 0; font-family: "微软雅黑",Microsoft yahei;}


a{ text-decoration:none; font-size: 14px; color:#000;}



input{ outline:none;}



.clear{clear:both;}







/*---------------------------------首页---------------------------------------*/







.topbg{ background:#efefef;}

.topbg .top{ width:100%; max-width: 1200px; margin: 0 auto; font-size: 14px; line-height: 45px; color: #717171;}

.topbg .top .left{ float:left;}

.topbg .top .right{ float:right;}

.topbg .top .right img{ float:left; margin: 10px 5px 0 10px;}

.topbg .top .right a{ float:left; color: #717171;}







header{ width:100%; max-width:1200px; margin: 0 auto; background: #fff; padding: 30px 0;}





.searchform{ float: right;}





.logo{ float: left;}

.hotline{ float: right; margin: 20px 0 0 0;}















nav{ width:100%; height: 53px; line-height: 53px; background: #404144; border-bottom: 2px solid #0051ff;}



nav ul{ width:100%; max-width: 1200px; margin: 0 auto; border-left: 1px solid #6a6b6d}



nav ul li{ float: left; display: block; width: 12.4%; border-right: 1px solid #6a6b6d; height: 53px; text-align: center;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



nav ul li a{ display: block; height: 53px; color: #fff;}



nav ul li:hover{ background: #0051ff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}











.banner{ width: 100%; height: 530px; }




.nbanner{ width: 100%; height: 320px; position: relative; z-index: 9; background-position: center; background-size: cover;}






















.stitle{ text-align:center; margin:0 auto;}



.stitle .cntitle{ font-size: 45px; font-weight: bold; line-height: 46px;}



.stitle .cntitle li:nth-child(1){color: #003cce;}

.stitle .cntitle li:nth-child(2){color: #ffae24;}



.stitle .cntitle li,

.stitle .sline li{ display: inline-block;}



.stitle .sline li{ margin:10px 5px;}



.stitle .sline li:nth-child(1){ width:62px; height: 2px; background:#4566e9;}



.stitle .sline li:nth-child(2){ width:62px; height: 2px; background:#ffae24;}



.stitle .entitle{ font-size: 14px; color:#454545; margin:5px 0 0 0;}























.fapp{ width:100%; padding: 100px 0 50px 0; background: #fcfdfe; overflow: hidden; }











.fappfl{ width:100%; max-width: 1200px; margin: 30px auto; text-align: center;}



.fappfl .left{ float: left; width: 525px; overflow: hidden; border: 1px solid #ccc;}
.fappfl .left img{ transition: all 0.5s;transform: scale(1); max-width: 100%;}
.fappfl .left:hover img{ transition: all 0.5s;transform: scale(1.2);}



.fappfl ul{ float: left; width: 673px; border-top: 1px solid #999999;}



.fappfl li{ float: left; display:inline-block; width: 25%; text-align: center;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.fappfl li span{ font-size: 18px; color:#757575; display: block; margin: 122px 0 0 0;}



.fappfl li:nth-child(1){ background: url(../images/al1.png) center no-repeat; float: left;}



.fappfl li:nth-child(2){ background: url(../images/al2.png) center no-repeat; float: left;}



.fappfl li:nth-child(3){ background: url(../images/al3.png) center no-repeat; float: left;}



.fappfl li:nth-child(4){ background: url(../images/al4.png) center no-repeat; float: left;}



.fappfl li:nth-child(5){ background: url(../images/al5.png) center no-repeat; float: left;}



.fappfl li:nth-child(6){ background: url(../images/al6.png) center no-repeat; float: left;}



.fappfl li:nth-child(7){ background: url(../images/al7.png) center no-repeat; float: left;}



.fappfl li:nth-child(8){ background: url(../images/al8.png) center no-repeat; float: left;}


.fappfl li:hover{ background-position: center top 27px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.fappfl .yytel{ border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin: 50px 0 0 0; padding: 0 0 41px 0; float: left; width: 673px; text-align: left;}

.fappfl .yytel h1{ font-size: 28px; color: #676767; margin:50px 0 0 50px;}

.fappfl .yytel h2{ font-size: 24px; color: #333333; margin:10px 0 0 50px; font-weight: normal; letter-spacing: 13px;}

.fappfl .yytel span{ display:block; width: 48px; height: 3px; margin:10px 0 0 50px; background: #0022ce;}

.fappfl .yytel a{ display:block; width: 166px; height: 30px; background: #0022ce; line-height: 30px; text-align: center; color: #fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.fappfl .yytel a:hover{ background:#ffae24;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.fappfl .yytel .left{ float: left; width: 70%; border: none;}

.fappfl .yytel .right{ float: right; width: 30%; margin:60px 0 0 0;}





















.spro{ padding:100px 0; background: #f7f7f7;}







.sproul{ width:100%; max-width: 1200px; margin:50px auto 0 auto;}



.spro .left{ width:240px; float: left; margin: 0 30px 0 0; box-shadow: 0 0 20px 5px #d6d6d6;}







.spro .left .pftitle{ padding: 15px 20px; background: #0045c8; position: relative;}



.spro .left .pftitle p{ text-align: left; color: #fff;}



.spro .left .pftitle h1{ display: block; font-weight: normal; text-align: left; font-size: 24px; color: #fff;}



.detailpic{ line-height:30px; }



.spro .left .pf{}



.spro .left .pf .pful{}



.spro .left .pf .pful ul li{ display: block; border-top: 2px solid #fff; border-bottom: none;}



.spro .left .pf .pful ul li a{ display: block; padding: 15px 0 15px 55px; font-size: 20px; background: url(../images/flbg.png) #000 center left 20px no-repeat; color: #fff;}

.spro .left .pf .pful ul li a p{ font-size:14px; color: #a6a6a6;}



.spro .left .pf .pful ul li ul li{ border-left: none; border-right: none; line-height: 40px; border-bottom: 1px dashed #c8c9c8; border-top:none;}
.spro .left .pf .pful ul li ul li:hover{ background: #0045c8;}
.spro .left .pf .pful ul li ul li:hover a{ color: #fff;}



.spro .left .pf .pful ul li ul li a{ padding: 0 0 0 55px; color:#727272; font-size: 14px; font-weight: normal; background: url(../images/lier.png) center right 20px no-repeat;}

















.spro .right{ float: left; width: 930px;}

.spro .right .toppro .pic{ border:10px solid #003cce; width: 430px; float: left; overflow: hidden;}

.spro .right .toppro .pic img{ width: 100%; max-width: 100%;transition: all 0.5s;transform: scale(1);}
.spro .right .toppro .pic:hover img{transition: all 0.5s;transform: scale(1.2);}

.spro .right .toppro .prointro{ width: 460px; float: left; margin: 0 0 0 20px; background: url(../images/in.png) right top no-repeat;}

.spro .right .toppro .prointro .introtitle{ font-size: 24px; color: #454545;}

.spro .right .toppro .prointro .introtext{ font-size: 14px; height: 195px; color: #454545; line-height: 36px; border-bottom: 8px solid #565656;}



.spro .right .toppro .more{ margin: 40px;}

.spro .right .toppro .more a{ display: block; width: 155px; padding: 0 0 0 15px; height: 46px; line-height: 46px; border-radius: 23px; text-align: center; float: left;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .right .toppro .more a:nth-child(1){ background: url(../images/a1.png) #565656 center left 40px no-repeat; margin-right: 30px; color: #fff;}

.spro .right .toppro .more a:nth-child(2){ background: url(../images/a2.png) #ffffff center left 35px no-repeat; height: 44px; border: 1px solid #565656;}
.spro .right .toppro .more a:nth-child(1):hover{ background: url(../images/a1.png) #0045c8 center left 40px no-repeat; margin-right: 30px; color: #fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.spro .right .toppro .more a:nth-child(2):hover{ background: url(../images/a22.png) #0045c8 center left 35px no-repeat; height: 44px; border: 1px solid #0045c8;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; color: #fff;}




.spro .right ul{ margin: 20px 0 0 0;}

.spro .right ul li{ display: block; border:1px solid #c8c9c8; width:30%; margin: 0 2% 2% 0; text-align: center; float: left;}

.spro .right ul li .pic{ overflow: hidden;}
.spro .right ul li img{ width:100%; max-height: 174px;transition: all 0.5s;transform: scale(1);}
.spro .right ul li:hover img{transition: all 0.5s;transform: scale(1.2);}

.spro .right ul li p{ width:100%; border-top:1px solid #c8c9c8; line-height: 50px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.spro .right ul li:hover p{ background: #0045c8; color: #fff;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}









.nproul .right ul li{margin:0 3% 3% 0; width:31%;}



.nproul .right ul li:nth-child(3),
.nproul .right ul li:nth-child(6),
.nproul .right ul li:nth-child(9),
.nproul .right ul li:nth-child(12){ margin:0 0 2% 0;}
















.advbg{ width:100%; background: url(../images/advbg.jpg) center no-repeat; padding: 80px 0 50px 0;}



.advul{ width:100%; max-width: 1200px; margin: 30px auto;}

.advul li{ display:block; float: left; width: 284px; height: 544px; margin: 0 21px 0 0; box-shadow: 0px 0px 20px 0px #9c9c9c; border-radius: 50px;}

.advul li .pic{ text-align:center; margin: 40px auto 10px auto; width: 154px; height: 154px; border-radius: 80px; background:#313031; transition: all 0.5s;transform: scale(1); padding: 5px;}

.advul li .pic .circle{ width: 150px; height: 150px; border-radius: 75px; border: 1px solid rgba(255,255,255,.5); font-size:28px; font-weight: bold; color: #fff; line-height: 200px;}

.advul li h1{ font-size: 22px; color: #454545; font-weight: normal; text-align: center; margin: 0 0 10px 0;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.advul li p{ font-size: 12px; color: #454545; line-height: 24px; width: 85%; margin: 0 auto;}

.advul li:nth-child(4) p{ width: 78%; margin: 0 auto;}



.advul li:nth-child(1) .pic .circle{ background:url(../images/ab1.png) center top 26px no-repeat;}
.advul li:nth-child(2) .pic .circle{ background:url(../images/ab2.png) center top 26px no-repeat;}
.advul li:nth-child(3) .pic .circle{ background:url(../images/ab3.png) center top 26px no-repeat;}
.advul li:nth-child(4) .pic .circle{ background:url(../images/ab4.png) center top 26px no-repeat;}



.advul li:nth-child(1){ background:url(../images/abg1.png) #fff center no-repeat;}
.advul li:nth-child(2){ background:url(../images/abg2.png) #fff center no-repeat;}
.advul li:nth-child(3){ background:url(../images/abg3.png) #fff center no-repeat;}
.advul li:nth-child(4){ background:url(../images/abg4.png) #fff center no-repeat; margin: 0 0 0 0;}





.advul li:hover .pic{ background:#0071c6; transition: all 0.5s;transform: scale(1.2);}

.advul li:hover h1{ margin: 30px 0 10px 0; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.advul li .pic .circle h1{ margin: 0; font-size: 28px; color: #fff; font-weight: bold;}
.advul li:hover .pic .circle h1{ margin: 0;}







.snews{ width: 100%; padding: 90px 0; }







.snews{ width:100%;}



.snews .newsfl ul{ width:100%; max-width:1200px; margin: 30px auto 0 auto;}



.snews .newsfl li{ width:65%; float: left; display: block; line-height: 40px; font-size: 22px; border-bottom: 1px solid #d5d5d5; color: #003cce;}

.snews .newsfl li:nth-child(2){width: 32%;margin-left:3%;}



.snews .newsfl li a{ display: block; font-size: 24px; border-bottom: 1px solid #003cce;}



.snews .newsfl li:nth-child(1) a{ background:url(../images/nb1.jpg) left center no-repeat; padding-left: 5%; width: 15%;}

.snews .newsfl li:nth-child(2) a{background:url(../images/nb2.jpg) left center no-repeat;padding-left: 9%;width: 32%;}







.snews .nbottom { width:100%; max-width:1200px; margin: 0 auto;}









.snews .nbottom .left{ width:65%; float: left;}



.snews .nbottom .left .picnews{ width: 49%; float: left; margin-right: 1%;}



.snews .nbottom .left .picnews .pndate{ padding: 10px 0 10px 30px; font-size: 20px; color: #aeaeae;}

.snews .nbottom .left .picnews:hover .pndate{ color: #003cce;}

.snews .nbottom .left .picnews .pntext { border: 1px solid #cecece;}

.snews .nbottom .left .picnews .pntext .title{ font-size: 18px; color: #454545; line-height: 65px; margin: 0 25px;}

.snews .nbottom .left .picnews .pntext .smalltext{font-size: 14px; color: #666666; line-height: 30px; margin: 0 25px 10px 25px;}

.snews .nbottom .left .picnews .pntext .smalltext a{ color: #003cce; }

.snews .nbottom .left .picnews .pntext .pic{ border: 1px solid #cecece; width:94%; margin: 0 auto 3% auto; overflow: hidden;}

.snews .nbottom .left .picnews .pntext .pic img{ max-width:100%;width:100%;transition: all 0.5s;transform: scale(1);}

.snews .nbottom .left .picnews:hover .pntext .pic img{ transition: all 0.5s;transform: scale(1.2);}



.snews .nbottom .left ul li{ display: block; margin: 0 0 15px 0; padding: 0 0 0 10px; background: url(../images/nli.jpg) left center no-repeat;}

.snews .nbottom .left ul li a{ display: block;}

.snews .nbottom .left ul li span{ float: right; color: #c2c2c2;}





.ge{ width:100%; height: 2px; background: url(../images/ng.jpg) center repeat-x; margin: 30px 0;}





.snews .nbottom .right{ width:30%; float: left; margin-left:3%;}





.snews .nbottom .right .rightnews .pic{ width:90%; border: 1px solid #cecece; margin: 30px auto 0 auto; overflow: hidden;}

.snews .nbottom .right .rightnews .pic img{ width:100%; transition: all 0.5s;transform: scale(1);}

.snews .nbottom .right .rightnews:hover .pic img{ width:100%; transition: all 0.5s;transform: scale(1.2);}

.snews .nbottom .right .rightnews .rtitle{ color:#454545; font-size: 18px; font-weight: bold; text-align: center; line-height: 50px;}

.snews .nbottom .right .rightnews .rsmalltext{ color:#454545; font-size: 12px; line-height: 24px; width:90%; margin: 0 auto;}











.snews .nbottom .right ul li{ display: block; margin: 0 0 19px 0; padding: 0 0 0 10px; background: url(../images/nli.jpg) left center no-repeat;}

.snews .nbottom .right ul li a{ display: block;}



































.sabout{ padding:80px 0; background: url(../images/abg.jpg) center top no-repeat;}





.sabout .atext{ width: 100%;max-width: 1200px; margin:160px auto 0 auto;}

.sabout .atext .alogo{ width: 233px; float: left;}

.sabout .atext .aright{ width:867px; float: left; background: #fff; padding: 30px 50px 20px 50px; box-shadow: 0px 0px 20px 0px #9c9c9c;}

.sabout .atext .aright h1{ font-size: 30px; color: #323435; margin-bottom: 9px;}

.sabout .atext .aright h1 a{ display: block; width: 125px; height: 36px; border: 1px solid #323435; border-radius: 19px; float: right; text-align: center; line-height: 36px; font-size: 14px; color: #8e8e8e; font-weight: normal;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.sabout .atext .aright h1 a:hover{ background: #003cce; color: #fff; border: 1px solid #003cce; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sabout .atext .aright p{ font-size: 14px; color: #8e8e8e; line-height: 32px;}










#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}
@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}
@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}















.fcontactbg{ width:100%; background: #575757; padding: 50px 0;}

.fmenubg{ width:100%; background: #272727; padding: 30px 0;}





.fcontactbg .fcontact{}

.fcontactbg .fcontact ul{ width:100%; max-width: 1200px; margin: 0 auto;}

.fcontactbg .fcontact ul li{ display: block; width:24%; margin: 0 2%; padding: 0 0 0 5%; float: left; font-size: 12px;}

.fcontactbg .fcontact ul li span{ display: block; font-size: 18px; color: #fff;}

.fcontactbg .fcontact ul li p{ font-size:18px; line-height: 30px; color: #fff;}

.fcontactbg .fcontact ul li:nth-child(1){ background: url(../images/fb1.jpg) left center no-repeat;}

.fcontactbg .fcontact ul li:nth-child(2){ background: url(../images/fb2.jpg) left center no-repeat}

.fcontactbg .fcontact ul li:nth-child(3){ background: url(../images/fb3.jpg) left center no-repeat}



.fmenubg .fmenu{ width:100%; max-width: 1200px; margin: 0 auto;}

.fmenubg .fmenu .flink{ float: left; margin: 30px 0 0 0;}

.fmenubg .fmenu .flink .linktitle{ float:left; font-size:18px; border-right: 1px solid #fff; font-weight: bold; text-transform: uppercase; padding: 0 30px 0 0;}

.fmenubg .fmenu .flink a{ float:left; display: block; margin: 0 0 0 20px; color: #fff;}



.fmenubg .fmenu .ewm{ float: right; margin: 0 0 0 70px;}



.fmenubg .fmenu .ewm .text{ float:left; padding: 30px 15px 0 0; font-size: 16px; line-height: 26px;}

.fmenubg .fmenu .ewm img{ float:left; margin: 0 0 0 15px;}



.fmenubg *{ color:#fff;}







footer{ width:100%; height: 65px; color:#9a9a9a; text-align: center; line-height: 65px; font-size: 12px; background: #141414;}



footer a{ color:#9a9a9a; font-size: 12px;}









.nowposbg{ background:#fff;}



.nowposbg .nowpos{ width:100%; max-width:1200px; margin: 0 auto; line-height: 60px; color: #333; font-size: 14px; border-bottom: 1px dashed #dcdcdc;}



.nowposbg .nowpos a{ color: #333; font-size: 14px;}



.nowposbg .nowpos span{ display: block; width:10px; height: 18px; background: #000; float: left; margin: 20px 8px 0 8px;}





.introflbg{}



.introflbg .introfl{ width:100%; max-width:1200px; margin: 0 auto; line-height: 55px; color: #333; font-size: 14px; background:#f5f5f5;}



.introflbg .introfl li{ display:block; float: left; width: 170px; border-right: 1px solid #fff; position: relative;}



.introflbg .introfl li:first-child{ border-left: 1px solid #fff;}



.introflbg .introfl li a{ display:block; text-align: center; color: #878787; }



.introflbg .introfl li.this,
.introflbg .introfl li:hover{ background: url(../images/aflbg.png) #0061ae center bottom no-repeat;}


.introflbg .introfl li.this a,
.introflbg .introfl li:hover a{ color:#fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}













.nabout{ width:100%; height: 416px; max-width:1055px; margin: 0 auto; background: url(../images/nabg.jpg) center no-repeat; padding: 150px 45px 95px 100px;}

.nabout h1{ margin: 0 0 50px 0;}

.nabout p{ line-height: 36px; font-size: 14px;}




.nzuzhi{ padding:5%; background: none; width: 90%;}










.nshili{ width:100%; max-width:1200px; text-align: center; margin: 30px auto;}

.nshili p{ line-height: 36px; font-size: 14px;}





.spro .nproul .right ul{ margin:0;}











.npro{ background:#fff; overflow: hidden;}





.tuijian{ border:1px solid #eaeaea; padding: 15px; margin: 30px 0;}

.tuijian .title{ color:#0045c8; font-weight: bold;font-size: 16px;}

.tuijian .title span{ color:#8a8a8a; font-weight: normal; margin-left: 10px; text-transform: uppercase; font-size: 12px;}



.tuijian .ge{ margin:10px 0;}





.spro .right .tuijian li{ border:none; text-align: left; width: 50%; line-height: 30px; margin: 0;}

.spro .right .tuijian li span{ float: right; margin-right: 30px;}







.nnews .nbottom{ margin:30px auto 0 auto;}

.nnews .newsfl li{ width: 11%;}

.nnews .newsfl li:nth-child(1) a{ width:78%; padding-left:22%;}

.nnews .newsfl li:nth-child(2){ margin-left: 1%;}

.snews .newsfl li a{border:none;}

.nnews .nbottom .left{ width:100%;}


.nnews .nbottom .left .picnews{width: 32%; margin-bottom: 1%;}
.nnews .nbottom .left .picnews img{max-height: 208px;}


.nnews .newsfl li.this a{ border-bottom: 1px solid #003cce;}


.nnews .nbottom .left .picnews .pntext .title a{ font-weight:bold; font-size: 17px;}









.ncontact{ width:100%; max-width:1200px; margin: 30px auto;}



.ncontact .left{ width:49%; float: left; margin-right: 2%;}

.ncontact .right{ width:49%; float: left;}



.ncontact h1{ font-size:16px; padding: 0 0 0 10px; line-height: 40px; border-top: 4px solid #616161; border-bottom: 1px solid #616161; color: #616161; margin: 0 0 10px 0;}








.rectext .title{ font-size:18px; font-weight: bold; line-height: 40px;}

.rectext h1{padding: 0 0 0 50px; font-size: 18px; border-top: 4px solid #000; border-bottom: 1px solid #000; line-height: 50px;}

.rectext .reczhize{ padding:30px 60px;}
.rectext .rectiaojian{ padding:30px 60px;}







.corp{ width: 100%;max-width: 1200px; margin:50px auto 0 auto; text-align: center;}
.picfl{ background:url(../images/eline.jpg) center no-repeat;}
.picfl li{ display: inline-block;}
.picfl li{ margin:0; font-size:14px;}
.picfl li a{ font-size:14px;}
.picfl li a:hover{ color:#003cce;}


.corp ul{ margin: 50px 0 0 0;}
.corp ul .corpli{ float: left; margin: 0 2% 0 0; text-align: center;}
.corp ul .corpli p{ line-height: 30px; font-size: 14px;}
.corp ul .corpli img{ max-width: 100%;}



#tabbox{ overflow:hidden;}
.tab_con{ display:none;}
.tabs{height: 32px;width: 100%;}
.tabs li{height:31px;line-height:31px;overflow: hidden;position: relative;}

.tabs li.thistab a{ font-weight: bold; color:#003cce;}


.g ul{ margin:0;}
.g ul li{ margin: 0 10px 0 0; list-style: none;}


.block_home_slider,
.logo1,
nav ul li.first,
.detail1,
.detailpic1,
.menubut,
.menuclose{ display:none;}

.newstext img{ max-width:100%;}
.detailpic img{ max-width:100%;}

.topge{ display: none; height:117px;}


@media screen and (max-width: 768px) {
	nav{ display:none; position: fixed; background: #fff; width: 50%; right: 0; top: 0; height: 100%; z-index: 99999999999; box-shadow: 0 0 12px 0 #ccc;}
	nav ul{ border: none;}
	nav ul li{ width: 100%; height: 50px; border: none; border-bottom: 1px solid #ccc;}
	nav ul li a{ color:#000;}
	nav ul li ul.erji{ display:none !important;}
	nav ul li.first{ display:block; font-size: 20px; font-weight: bold; color: #003cce; line-height: 60px; height: 60px;}
	nav ul li:hover,
	nav ul li:hover a{ color:#fff;}
	
	header{ padding:10px 5%; box-shadow: 0 0 12px 0 #ccc; position: relative; z-index: 999; width: 90%;}
	
	
	.menubut{ display: block; position: fixed; right: 15px; top: 60px; z-index: 99999999999; }
	.menuclose{ display: none; position: fixed; right: 15px; top: 20px; z-index: 99999999999; }
	
	
	.logo{ display:none;}
	.logo1{ display:block; width: 50%;}
	
	
	
	.banner{ height: 200px;}
	
	.slide.banner{ display:none;}
	.bann_ext{ display:none;}
	.block_home_slider{ display:block;}
	
	.stitle .cntitle{ font-size:30px; line-height: 30px;}
	.stitle .sline li{ margin:5px;}
	.stitle .entitle{ width:90%; margin: 0 5%; font-size: 12px;}

	.block_home_slider { position: relative;	background-color: #ffffff;	text-align: center;} 
	.block_home_slider .slide {position:relative;}
	.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(bg_caption.png); text-align:left;}
	.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:60%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}
	.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
	.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
	.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
	.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
	.block_home_slider .flex-control-paging { display:inline-block; bottom:10px; position:absolute; z-index:9999; margin-left: -30px;}
	.block_home_slider .flex-control-paging li { margin: 0px 5px; padding: 0px; float: left; overflow: hidden; list-style-type: none;}
	.block_home_slider .flex-control-paging li a {width:10px; height:10px; display:block; background-repeat:no-repeat; border-radius:5px; background:#ccc; text-indent:-9000px; cursor:pointer;}
	.block_home_slider .flex-control-paging li a.flex-active { background:#3f82d3;}

	.block_home_post_feature {width:300px;}
	.block_home_post_feature p {padding-bottom:0px;}


	.flexslider {margin: 0; padding: 0;}
	.flexslider .slides > li {	display: none;	-webkit-backface-visibility: hidden;	list-style-type: none;}
	.flexslider .slides img {width: 100%; display: block;}
	.flex-pauseplay span {text-transform: capitalize;}
	.flex-direction-nav li{ display: block;}

	
	.topbg .top{ line-height: 36px; font-size: 12px;}
	.topbg .top .left{ text-align:center; float: none;}
	.topbg .top .right{ display:none;}
	
	.hotline{ display:none;}
	.logo{ width: 90%; margin: 0 5%; float: none;}
	
	.spro{ padding:50px 0;}
	.spro .left{ width: 90%; margin: 0 5%; float: none;}
	.spro .right{ width: 90%; margin: 0 5%; float: none;}
	.spro .right .toppro .pic{ width: 94%; margin: 5% auto; float: none;}
	.spro .right .toppro .pic img{ max-width: 100%;}
	.spro .right .toppro .prointro{ width: 100%; margin: 0 auto; float: none;}
	
	.sabout .atext .aright{ width: 80%; margin: 0 5%; padding: 5%; float: none;}
	
	.fapp{ padding:50px 0;}
	.fappfl{ margin:30px 0 0 0;}
	.fappfl ul{ width: 90%; margin: 0 5%; float: none;}
	.fappfl li span{ margin:95px 0 0 0; font-size: 14px;}
	
	.fappfl .left{ width: 90%; margin: 0 5%; float: none;}
	.fappfl .left img{ max-width: 100%;}
	.fappfl .yytel{ width: 100%; margin: 0; float: none;}
	.fappfl .yytel .left{ width: 100%; margin: 0; float: none;}
	.fappfl .yytel .right{ width: 90%; margin: 0 5%; float: none; text-align: center;}
	.fappfl .yytel a{ margin:0 auto;}
	
	.fappfl .yytel h1{ width:100%; margin: 30px 0 0 0; text-align: center;}
	.fappfl .yytel h2{ margin:0; text-align: center; letter-spacing: 0;}
	.fappfl .yytel span{ margin:5px auto;}
	
	
	.spro .left{ height:40px;}
	.spro .left .pftitle,
	.spro .left .pf .pful ul li:nth-child(3),
	.spro .left .pf .pful ul li:nth-child(4),
	.spro .left .pf .pful ul li ul li{ display:none;}
	
	.spro .left .pf .pful ul li{ border:none; width: 49.6%; float: left; border-right: 1px solid #fff;}
	.spro .left .pf .pful ul li a{ background:#000; padding: 0; line-height: 40px; text-align: center; font-size: 14px;}
	
	
	.spro .right{ margin:5%;}
	
	
	.spro .right .toppro .more{ margin:40px 0;}
	
	.spro .right ul li{ width:100%;}
	.spro .right ul li img{ max-height:none;}
	
	.advbg{ background-size: cover !important;}
	
	.advul li{ width:40%; height:485px; margin: 5%; background-size: contain !important; background-position: bottom !important; background-color: #fff;}
	.advul li:nth-child(4){ width:40%; margin: 5%;}
	.advul li h1{ font-size:14px;}
	
	
	
	.advul li .pic{ text-align:center; margin: 20px auto 10px auto; width: 130px; height: 130px; border-radius: 70px; background:#313031; transition: all 0.5s;transform: scale(1); padding: 5px;}
	.advul li .pic .circle{ width: 128px; height: 128px; border-radius: 75px; border: 1px solid rgba(255,255,255,.5); font-size:20px; font-weight: bold; color: #fff; line-height: 195px;}
	
	
	
	.newsfl{ display:none;}
	
	.snews{ padding:50px 0;}
	
	.snews .nbottom .left{ width:100%; float: none;}
	.snews .nbottom .left .picnews{ width:90%; margin: 5%;}
	.snews .nbottom .left ul li{ width:90%; margin: 0 auto 15px auto;}
	
	.snews .nbottom .right{ width:90%; margin: 0 5%;}
	
	.sabout .atext .alogo{ display:none;}
	
	.sabout .atext .aright h1{ font-size:24px; text-align: center;}
	.sabout .atext .aright h1 a{ width: 110px; height: 30px; line-height: 30px; float:none; font-size: 12px; margin: 10px auto;}
	
	.fcontactbg .fcontact ul li{ background-position: center top !important; text-align: center; padding: 15% 0 0 0; width: 30%; margin: 0 1.5%;}
	.fcontactbg .fcontact ul li p{ font-size:12px; line-height: 20px; margin: 10px 0 0 0;}
	
	
	.fmenubg .fmenu{ width:90%;}
	.fmenubg .fmenu .flink{ float:none; clear: both; margin:0; width: 100%;}
	.fmenubg .fmenu .ewm{ float:none; clear: both; margin:0; width: 100%; text-align: center;}
	.fmenubg .fmenu .ewm .text{ padding:20px 0; width: 100%; text-align: center; font-size: 14px;}
	.fmenubg .fmenu .ewm img{ display:inline; float: none;}
	
	
	
	footer{ height:auto; line-height: 24px; padding: 10px 0;}
	footer p{ width:90%; margin: 0 auto;}
	
	.introflbg .introfl li{ width:33%;}
	
	.nabout{ padding:5%; width:90%; height: auto; background: none;}
	.nabout h1{ font-size:24px; text-align: center; margin: 0 0 20px 0;}
	
	
	.nshili{ width: 90%; margin: 0 5%; text-align:left;}
	.nshili p{ font-size:12px;}
	.nshili img{ width: 100%;}
	
	
	
	.nbanner{ height:160px;}
	
	.spro .right .tuijian li{ width:100%;}
	
	.detailtable{ display:none;}
	
	.detail1,
	.detailpic1{ display:block;}
	
	.rectext{ width:90%; margin: 0 5%;}
	.rectext .title{ text-align:center;}
	.rectext h1{padding: 0 0 0 15px;}
	
	.rectext .reczhize,
	.rectext .rectiaojian{ padding:10px;}
	
	.rectext .reczhize *,
	.rectext .rectiaojian *{ font-size:12px !important;}
	
	.ncontact .left{ width:90%; margin: 0 5%;}
	.ncontact .left img{ max-width:100%;}
	.ncontact .right{ width:90%; margin: 5% 5% 0 5%; overflow: hidden;}
	.ncontact .right iframe{ margin-left: -100px;}
	
	.ncontact .tableborder{ width:100%;}
	
	.top{ position: fixed; z-index: 999999999999; box-shadow: 0 0 12px 0 #ccc;}
	.topbg{ height: 36px;}
	.topge{ display: block;}
	
	
	
	
	
	
	.tableborder{ font-size: 14px;}
	.tableborder input[type="text"]{ width:90%; height: 35px; padding: 0 10px; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}
	.tableborder input[type="text"]#key{ width:90%; height: 35px; padding: 0 10px; background: none; border:1px solid #a9a9a9;}
	.tableborder textarea{ width:90%; height: 62px; padding: 10px; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}
	
	
	.advul li .pic .circle h1{ margin: 0; font-size: 20px; color: #fff; font-weight: bold;}
	
	
	
	
}